﻿@using OTE.Web.Infrastructure.Helper
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <link href="@Url.Css("screen.css")" rel="stylesheet" type="text/css" />
    <!--  jquery core -->
    <script type="text/javascript" src="@Url.Script("jquery-1.6.1.min.js")"></script>
    <!--  validate jquery -->
    <script type="text/javascript" src="@Url.Script("jquery.validate.min.js")"></script>
    <!-- Custom jquery scripts -->
    <script type="text/javascript" src="@Url.Script("custom_jquery.js")"></script>
    <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
    <script type="text/javascript" src="@Url.Script("jquery.pngFix.pack.js")"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).pngFix();
        });
    </script>
    <style type="text/css">
        div.error
        {
            float: none;
            color: red;
            padding-left: .5em;
            vertical-align: top;
            font-weight: bold;
        }
    </style>
</head>
<body id="login-bg" style="text-align: center;">
    <!-- Start: login-holder -->
    <div id="login-holder">
        <!-- start logo -->
        <div id="logo-login">
            <a href="index.html">@*<img src="<%= Utils.ResolveUrl(this.Html, "~/") %>images/admin/shared/logo.png" width="156" height="40" alt="" />*@</a>
        </div>
        <!-- end logo -->
        <div class="clear">
        </div>
        <!--  start loginbox ................................................................................. -->
        <div id="loginbox">
            <div class="error" style="text-align: center; font-size: 18px; line-height: 30px;">
            </div>
            <div class="clear">
            </div>
            <!--  start login-inner -->
            <div id="login-inner">
                @{Html.BeginForm("LogIn", "Home", FormMethod.Post, new { name = "loginForm", id = "loginForm" });
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <th>
                                Username
                            </th>
                            <td>
                                <input type="text" id="username" name="username" class="login-inp" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Password
                            </th>
                            <td>
                                <input type="password" id="password" name="password" value="************" onfocus="this.value=''"
                                    class="login-inp" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                            </th>
                            <td>
                                <input type="submit" value="Đăng nhập" class="submit-login" />
                            </td>
                        </tr>
                    </table>
                    Html.EndForm();}
            </div>
            <!--  end login-inner -->
            <div class="clear">
            </div>
        </div>
        <!--  end loginbox -->
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#loginForm").validate({
                rules:
            {
                username: { required: true },
                password: { required: true }
            },
                messages:
            {
                username: { required: 'Please input username.' },
                password: { required: 'Please input password.' }
            },
                errorElement: "div"
            })
        });
    </script>
</body>
</html>